<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>放松小游戏</title>
    <link rel="stylesheet" href="game.css">
</head>

<body>
    <div class="background">
        <div class="particles"></div>
        <div class="glow"></div>
        <div class="glow"></div>
        <div class="glow"></div>
        <div class="floating-elements">
            <div class="element"></div>
            <div class="element"></div>
            <div class="element"></div>
            <div class="element"></div>
            <div class="element"></div>
        </div>
    </div>

    <header class="header">
        <div class="logo">
            <i class="fas fa-gamepad"></i>
            <span>放松小游戏</span>
        </div>
        <nav class="nav-links">
            <a href="#home">首页</a>
            <a href="#section1">游戏</a>
        </nav>
    </header>

    <main>
        <section class="hero">
            <div class="hero-content">
                <h1>探索HTML游戏世界</h1>
                <p>发现益智游戏，感受非凡体验</p>
            </div>
        </section>

        <section class="game-categories">
            <div class="category-card">
                <div class="category-icon">
                    <i class="fas fa-sword"></i>
                </div>
                <h3 id="section1">反应与色感碰撞</h3>
                <p></p>
                <a href="find color.html" class="game-link">探索游戏</a>
            </div>

            <div class="category-card">
                <div class="category-icon">
                    <i class="fas fa-brain"></i>
                </div>
                <h3>智慧与记忆迸发</h3>
                <p></p>
                <a href="remember.html" class="game-link">探索游戏</a>
            </div>

            <div class="category-card">
                <div class="category-icon">
                    <i class="fas fa-ghost"></i>
                </div>
                <h3>手速与技巧竞速</h3>
                <p></p>
                <a href="mark.html" class="game-link">探索游戏</a>
            </div>

            <div class="category-card">
                <div class="category-icon">
                    <i class="fas fa-chess"></i>
                </div>
                <h3>经典与创新相融</h3>
                <p></p>
                <a href="snake-game.html" class="game-link">探索游戏</a>
            </div>
        </section>

        <section class="featured-games">
            <h4>梦想的路上，坚持是我们最坚固的盔甲，勇气是我们最锋利的武器</h4>
            </div>
        </section>
    </main>

    <script src="game.js"></script>
</body>

</html>